<template>
  <div class="notifi-left">
    <h3
      style="font-size: 16px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;"
    >
      {{ infoLeftdata.newsTitle }}
    </h3>
    <span style="line-height: 9px;font-size: 12px;color: #999999;"
      >2020-5-7</span
    >
    <p
      style="font-size: 14px;color: #999999;line-height: 20px;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;
        -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;"
    >
      {{ infoLeftdata.newsTitle }}
    </p>
    <img :src="infoLeftdata.newsPic" alt="img" />
  </div>
</template>

<script>
export default {
  name: "infoLeft",
  props: {
    infoLeftdata: {},
  },
};
</script>

<style lang="scss" scoped>
.notifi-left {
  width: 560px;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
}
img {
  width: 560px;
  height: 212px;
}

h3 {
  color: #666666;
  margin-bottom: 20px;
}
span {
  margin-bottom: 19px;
}
p {
  margin-bottom: 29px;
}
h3:hover {
  color: #2590f4;
}
</style>
